<script src="js/prefixfree-1.0.7.js" type="text/javascript"></script>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>



<style type="text/css">
/*custom font for text*/
@import url(http://fonts.googleapis.com/css?family=Nunito);
/*CSS file for fontawesome - an iconfont we will be using. This CSS file imported contains the font-face declaration. More info: http://fortawesome.github.io/Font-Awesome/ */
@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);

/*Basic reset*/
* {margin: 0; padding: 0;}

body {
	background: #004050;
	font-family: Nunito, arial, verdana;
}
#accordian {
	background: #004050;
	width: 250px;
	/*margin: 100px auto 0 auto;*/
	margin:0 auto;
	color: white;
	/*Some cool shadow and glow effect*/
	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
}

/*heading styles*/
#accordian h3 {
	font-size: 12px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #003040; 
	background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 11px;
	line-height: 27px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #003545;
	border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}

</style>

<div id="accordian">
	<ul>
		<li  class="active">
			<h3><span class="icon-dashboard"></span>The Venus Project</h3>
			<ul>
				<li><a href="http://www.thevenusproject.com/about/the-venus-project" target="_blank">About</a></li>
				<li><a href="http://www.thevenusproject.com/about/resource-based-economy" target="_blank">Resource Based Economy</a></li>
				<li><a href="http://www.thevenusproject.com/about/aims-and-proposals" target="_blank">Aims and Proposals</a></li>
				<li><a href="http://www.thevenusproject.com/about/research-center" target="_blank">Research Center</a></li>
				<li><a href="http://www.thevenusproject.com/about/jacque-fresco" target="_blank">Jacque Fresco</a></li>
				<li><a href="http://www.thevenusproject.com/about/roxanne-meadows" target="_blank">Roxanne Meadows</a></li>
				<li><a href="http://www.thevenusproject.com/about/tvp-magazine" target="_blank">The Venus Project Magazine</a></li>
				<li><a href="http://www.thevenusproject.com/faq" target="_blank">FAQ</a></li>
			</ul>
		</li>
		<!-- we will keep this LI open by default -->
		<li>
			<h3><span class="icon-tasks"></span>Technology</h3>
			<ul>
				<li><a href="http://www.thevenusproject.com/technology/city-systems" target="_blank">City Systems</a></li>
				<li><a href="http://www.thevenusproject.com/technology/cities-in-the-sea" target="_blank">Cities in the Sea</a></li>
				<li><a href="http://www.thevenusproject.com/technology/housing" target="_blank">Housing</a></li>
				<li><a href="http://www.thevenusproject.com/technology/energy" target="_blank">Energy</a></li>
				<li><a href="http://www.thevenusproject.com/technology/construction" target="_blank">Construction</a></li>
        <li><a href="http://www.thevenusproject.com/technology/transportation" target="_blank">Transportation</a></li>
				<li><a href="http://www.thevenusproject.com/technology/space" target="_blank">Space</a></li>
				<li><a href="http://www.thevenusproject.com/technology/latest-technology" target="_blank">Latest Technology</a></li>
			</ul>
		</li>
		<li>
			<h3><span class="icon-calendar"></span>Get Involved</h3>
			<ul>
				<li><a href="http://www.thevenusproject.com/online-community/" target="_blank">Online Community</a></li>
				<li><a href="http://www.thevenusproject.com/get-involved/supporter" target="_blank">Supporter</a></li>
				<li><a href="http://www.thevenusproject.com/get-involved/volunteer" target="_blank">Volunteer</a></li>
				<li><a href="http://www.thevenusproject.com/get-involved/mentor" target="_blank">Mentor</a></li>
				<li><a href="http://www.thevenusproject.com/get-involved/current-projects" target="_blank">Current Projects</a></li>
				
			</ul>
		</li>
		<li>
			<h3><span class="icon-lightbulb"></span>Multimedia</h3>
			<ul>
				<li><a href="http://www.thevenusproject.com/index.php?option=com_content&view=article&id=6&tmpl=openurl" target="_blank">Viral Images</a></li>
				<li><a href="http://youtu.be/KphWsnhZ4Ag" target="_blank">Paradise or Oblivion Youtube</a></li>
				<li><a href="http://www.thevenusproject.com/extras/paradise-or-oblivion-documentary-download" target="_blank">Paradise or Oblivion Download</a></li>
				<li><a href="http://www.thevenusproject.com/index.php?option=com_content&view=article&id=6&tmpl=openurl" target="_blank">Viral Images</a></li>				
				<li><a href="http://www.thevenusproject.com/extras/brochures" target="_blank">Brochures</a></li>
				<li><a href="http://www.thevenusproject.com/extras/posters" target="_blank">Posters</a></li>
				<li><a href="http://www.thevenusproject.com/extras/flyers" target="_blank">Flyers</a></li>
			</ul>
		</li>
		<li>
			<h3><span class="icon-heart"></span>Social</h3>
			<ul>
				<li><a href="http://futuragora.pt:9090/?channels=help,tvp,futuragora&nick=tvpch...&uio=OD1mYWxzZSYxND1mYWxzZQ45" id="chat">#TVP (IRC Chat)</a></li>
				<li><a href="http://www.youtube.com/user/thevenusprojectmedia" target="_blank">Youtube</a></li>
				<li><a href="https://twitter.com/frescotweets" target="_blank">Twitter</a></li>
				<li><a href="https://www.facebook.com/TheVenusProjectGlobal" target="_blank">Facebook</a></li>
				<li><a href="https://plus.google.com/+thevenusproject/" target="_blank">Google+</a></li>
				<li><a href="http://pinterest.com/thevenusproject/" target="_blank">Pintrest</a></li>
				<li><a href="http://www.thevenusproject.com/extras/teamspeak" target="_blank">Teamspeak</a></li>
			</ul>
		</li>
		<li>
			<h3><span class="icon-pencil"></span>Development</h3>
			<ul>
				<li><a href="https://chrome.google.com/webstore/detail/the-venus-project/ejpjignnjkfcmblnjmjdbhhlecmfkhjo" target="_blank">TVP Plugin Extention</a></li>
				<li><a href="https://code.google.com/p/the-venus-project-chrome-plugin/" target="_blank">Open Source SVN</a></li>
				<li><a href="http://www.futuragora.pt/projetos/projecto-venus-the-venus-project/the-venus-project-google-chrome-plugin/" target="_blank">Project Homepage</a></li>
        <li><a href="http://rbe-pod.net" target="_blank">RBE-POD Wiki</a></li>
        <li><a href="http://www.futuragora.pt/open-senses" target="_blank">Open Senses</a></li>				
        <li><a href="http://www.futuragora.pt" target="_blank">Futuragora</a></li>
			</ul>
		</li>
	</ul>
</div>

<script src="js/tvpchrome.js" type="text/javascript"></script>
